iT邦幫忙

2021 iThome 鐵人賽

DAY 14
0
自我挑戰組

Flutter系列 第 14

Flutter基礎介紹與實作-Day14 補充介紹 Theme

  • 分享至 

  • xImage
  •  

再接下去昨天的程式之前我們要先來補充介紹一個東西,那就是Theme,他是一個非常重要的東西,千萬不可以忽略它喔!


Theme
不論是網頁還是App整體設計風格都會有統一配色和文字樣式,在Flutter中,我們可以自行定義一套專屬於你的App外觀主題Theme,更方便的讓App風格一致化。
Theme有分成全域和區域:

  • 全域:由MaterialApp控件裡定義,會影響整個app的顏色、字型樣式等風格,如果沒有設定Theme,Flutter將會使用預設的樣式
  • 區域:如果某個Widget中不想使用全域性的Theme,你也可以自行定義
    https://ithelp.ithome.com.tw/upload/images/20210928/20141032fZscm6amV6.jpg

完整程式碼
如果有想更加了解Theme的應用可以到這個網站去看看喔!(請點我)


今日總結
今天的內容稍微比較短一點,因為昨天開始作OnBoarding頁面也比較困難一點,所以今天稍微放鬆一下,順便消化一下,明天開始會繼續Login頁面的製作


上一篇
Flutter基礎介紹與實作-Day13 Onboarding、Login、Sign Up範例實作(1)
下一篇
Flutter基礎介紹與實作-Day15 Onboarding、Login、Sign Up範例實作(2)
系列文
Flutter30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言